<template>
<div class="home">
  <ManPageLeft></ManPageLeft>
  <ManPageWelcome v-show="$route.path === '/'"></ManPageWelcome>
  <keep-alive>
    <router-view></router-view>
  </keep-alive>
  <FakeRight v-show="$route.path === '/ManPageRightTab1/Tab1_1'"></FakeRight>
  <FakeRight v-show="$route.path === '/ManPageRightTab1/Tab1_2'"></FakeRight>
  <FakeRight v-show="$route.path === '/ManPageRightTab1/Tab1_3'"></FakeRight>
</div>
</template>

<script>
import ManPageLeft from "@/components/ManPageLeft";
import ManPageWelcome from "@/components/ManPageWelcome";
import FakeRight from "@/components/FakeRight";
export default {
name: "ManPage",
  data(){
    return{

    }
  },
  components: {
    FakeRight,
    ManPageWelcome,
    ManPageLeft
  },
  mounted() {

  },
  methods:{
  }
}
</script>

<style scoped>
div{
  margin: 0;
  padding: 0;
}
.home{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%!important;
  overflow: hidden;
}
</style>
